<!doctype html>
<html lang="en">
<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Askbootstrap">
<meta name="author" content="Askbootstrap">
<link rel="icon" type="image/png" href="img/logo.png">
<title>Zomoto - Food Order Directory, Restaurants, Fast Food, Bars Mobile Template</title>

<link rel="stylesheet" href="https://www.jq22.com/jquery/bootstrap-5.0.0.css">

<link href="vendor/icons/css/materialdesignicons.min.css" rel="stylesheet" type="text/css">

<link rel="stylesheet" type="text/css" href="vendor/slick/slick.min.css" />
<link rel="stylesheet" type="text/css" href="vendor/slick/slick-theme.min.css" />

<link href="css/style.css" rel="stylesheet" type="text/css">

<link href="vendor/sidebar/demo.css" rel="stylesheet">
</head>
<body class="bg-dark">

<section class="bg-white body_rounded fixed-bottom p-3">

<h6 class="mb-3">Sort by</h6>
<div class="form-check pl-0 mb-2">
<input type="radio" class="btn-check" name="options-outlined" id="most" autocomplete="off" checked>
<label class="btn btn-outline-danger btn-sm px-1 py-0 rounded-3 fs-6 mr-2" for="most"><i class="mdi mdi-fire"></i></label>
<label for="most">Most popular</label>
</div>
<div class="form-check pl-0 mb-2">
<input type="radio" class="btn-check" name="options-outlined" id="delivery" autocomplete="off">
<label class="btn btn-outline-danger btn-sm px-1 py-0 rounded-3 fs-6 mr-2" for="delivery"><i class="mdi mdi-clock-outline"></i></label>
<label for="delivery">Delivery time</label>
</div>
<div class="form-check pl-0 mb-2">
<input type="radio" class="btn-check" name="options-outlined" id="rating" autocomplete="off">
<label class="btn btn-outline-danger btn-sm px-1 py-0 rounded-3 fs-6 mr-2" for="rating"><i class="mdi mdi-star"></i></label>
<label for="rating">Rating</label>
</div>

<h6 class="mt-4 mb-3">Price range</h6>
<form class="d-flex">
<input type="radio" class="btn-check" name="options-outlined" id="min" autocomplete="off" checked>
<label class="btn btn-outline-danger btn-sm mr-1" for="min">$</label>
<input type="radio" class="btn-check" name="options-outlined" id="mid" autocomplete="off">
<label class="btn btn-outline-danger btn-sm mr-1" for="mid">$$</label>
<input type="radio" class="btn-check" name="options-outlined" id="max" autocomplete="off">
<label class="btn btn-outline-danger btn-sm" for="max">$$$</label>
</form>

<h6 class="mt-4 mb-3">Categories</h6>
<form class="mb-4">
<input type="radio" class="btn-check" name="options-outlined" id="burger" autocomplete="off" checked>
<label class="btn btn-outline-danger btn-sm mb-1" for="burger">Burger</label>
<input type="radio" class="btn-check" name="options-outlined" id="fastfood" autocomplete="off">
<label class="btn btn-outline-danger btn-sm mb-1" for="fastfood">Fast food</label>
<input type="radio" class="btn-check" name="options-outlined" id="amerfood" autocomplete="off">
<label class="btn btn-outline-danger btn-sm mb-1" for="amerfood">American food</label>
<input type="radio" class="btn-check" name="options-outlined" id="pizza" autocomplete="off">
<label class="btn btn-outline-danger btn-sm mb-1" for="pizza">Pizza</label>
<input type="radio" class="btn-check" name="options-outlined" id="asian" autocomplete="off">
<label class="btn btn-outline-danger btn-sm mb-1" for="asian">Asian</label>
<input type="radio" class="btn-check" name="options-outlined" id="desert" autocomplete="off">
<label class="btn btn-outline-danger btn-sm mb-1" for="desert">Desert</label>
<input type="radio" class="btn-check" name="options-outlined" id="mexican" autocomplete="off">
<label class="btn btn-outline-danger btn-sm mb-1" for="mexican">Mexican</label>
<input type="radio" class="btn-check" name="options-outlined" id="breakfast" autocomplete="off">
<label class="btn btn-outline-danger btn-sm mb-1" for="breakfast">Breakfast</label>
</form>
<p class="text-danger mb-0">See more <i class="mdi mdi-chevron-down"></i>
<a href="detail1.html" class="mt-5 btn btn-primary py-3 box_rounded w-100">Apply Filters</a>
</section>
<nav id="main-nav">
<ul class="second-nav">
<li>
<a href="#"><i class="mdi mdi-firework mr-2"></i> Startup</a>
<ul>
<li><a href="index1.html">Index1</a></li>
<li><a href="index2.html">Index2</a></li>
</ul>
</li>
<li>
<a href="#"><i class="mdi mdi-home mr-2"></i> Homepage</a>
<ul>
<li><a href="home1.html">Home1</a></li>
<li><a href="home2.html">Home2</a></li>
</ul>
</li>
<li>
<a href="#"><i class="mdi mdi-key mr-2"></i> Authentication</a>
<ul>
<li><a href="signin.html">Signin</a></li>
<li><a href="signup.html">Signup</a></li>
<li><a href="forgot_password.html">Forgot Password</a></li>
<li><a href="verify_number.html">Verify Number</a></li>
<li><a href="verificaiton.html">Verification</a></li>
</ul>
</li>
<li>
<a href="#"><i class="mdi mdi-timeline-check-outline mr-2"></i> Checkout Process</a>
<ul>
<li><a href="cart1.html">Cart1</a></li>
<li><a href="cart2.html">Cart2</a></li>
<li><a href="offers.html">Offer & Promos</a></li>
<li><a href="offer_detail.html">Offer Details</a></li>
<li><a href="digital_payment.html">Digital Payment</a></li>
<li><a href="select_location.html">Select Location</a></li>
<li><a href="select_address.html">Select Address</a></li>
<li><a href="complete.html">Complete Order</a></li>
<li><a href="track.html">Track Status</a></li>
</ul>
</li>
<li>
<a href="#"><i class="mdi mdi-account-circle-outline mr-2"></i> Profile</a>
<ul>
<li><a href="profile1.html">Profile1</a></li>
<li><a href="profile2.html">Profile2</a></li>
<li><a href="edit_profile.html">Edit Profile</a></li>
<li>
<a href="#">Orders</a>
<ul>
<li><a href="orders1.html">Orders1</a></li>
<li><a href="orders2.html">Orders2</a></li>
<li><a href="orders3.html">Orders3</a></li>
</ul>
</li>
<li><a href="wallet.html">My Wallet</a></li>
<li><a href="transaction.html">Transaction History</a></li>
<li><a href="address.html">Saved Address</a></li>
<li><a href="refer.html">Refer</a></li>
<li>
<a href="#">Payments</a>
<ul>
<li><a href="payment1.html">Payment1</a></li>
<li><a href="payment2.html">Payment2</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#"><i class="mdi mdi-format-page-break mr-2"></i> Extra Pages</a>
<ul>
<li>
<a href="#">Searchs</a>
<ul>
<li><a href="search1.html">Search1</a></li>
<li><a href="search2.html">Search2</a></li>
</ul>
</li>
<li>
<a href="#">Details</a>
<ul>
<li><a href="detail1.html">Details1</a></li>
<li><a href="detail2.html">Details2</a></li>
</ul>
</li>
<li>
<a href="#">Extras</a>
<ul>
<li><a href="extra1.html">Extra1</a></li>
<li><a href="extra2.html">Extra2</a></li>
</ul>
</li>
<li><a href="favourities.html">Favourities</a></li>
<li><a href="asian.html">Asian Food</a></li>
<li><a href="near.html">Near you</a></li>
<li><a href="new_arrivals.html">New Arrivals</a></li>
<li><a href="healthy.html">Healthy Food</a></li>
<li><a href="yummy.html">Yummy Food</a></li>
<li><a href="filters.html">Filters</a></li>
</ul>
</li>
</ul>
</li>
</ul>
<ul class="bottom-nav">
<li class="email">
<a class="text-danger" href="home1.html">
<p class="h5 m-0"><i class="mdi mdi-home"></i></p>
Home
</a>
</li>
<li class="github">
<a href="faq.html">
<p class="h5 m-0"><i class="mdi mdi-head-question-outline"></i></p>
FAQ
</a>
</li>
<li class="ko-fi">
<a href="contact-us.html">
<p class="h5 m-0"><i class="mdi mdi-headphones"></i></p>
Help
</a>
</li>
</ul>
</nav>
<a class="toggle" href="#">
<span></span>
</a>

<script src="https://www.jq22.com/jquery/jquery-3.3.1.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js" type="text/javascript"></script>
<script src="vendor/slick/slick.min.js" type="text/javascript"></script>
<script src="vendor/sidebar/hc-offcanvas-nav.js" type="text/javascript"></script>

<script src="js/custom.js" type="text/javascript"></script>
<script src="js/rocket-loader.min.js" type="text/javascript"></script>

</body>
</html>